.--win-button {
  padding: 6px 12px;
  font-size: 18px;
  background-color: #fff;
  border-radius: $button-radius;
  color: $text-color;
  border: 1px solid $table-border-color;
  transition: $transition-duration;
  cursor: pointer;
  .button-span {
    vertical-align: middle;
  }
}

// 按钮颜色
.--win-button:hover {
  color: $theme-color;
  border: 1px solid #409eff;
  background-color: #ecf5ff;
}
.--win-button--primary,
.--win-button--success,
.--win-button--danger,
.--win-button--warning,
.--win-button--custom,
.--win-button--primary:hover,
.--win-button--success:hover,
.--win-button--danger:hover,
.--win-button--warning:hover,
.--win-button--custom:hover {
  transition: $transition-duration;
  color: #ecf5ff;
  border: none;
}
.--win-button--primary {
  background-color: #00e5ff;
}
.--win-button--primary:hover {
  background-color: #18ffff;
}
.--win-button--success {
  background-color: #1de9b6;
}
.--win-button--success:hover {
  background-color: #64ffda;
}
.--win-button--danger {
  background-color: #ff6f00;
}
.--win-button--danger:hover {
  background-color: #ff8f00;
}
.--win-button--warning {
  color: #ecf5ff;
  background-color: #ff5252;
}
.--win-button--warning:hover {
  background-color: #ff8a80;
}
.--win-button--custom {
  background-color: var(--custom-color);
}
.--win-button--custom:hover {
  background-color: var(--custom-color-hover);
}
//禁用状态
.disabled {
  cursor: not-allowed;
  position: relative;
}
.disabled::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
  border-radius: $button-radius;
}
// 按钮尺寸
.--win-button--bigger {
  padding: 6px 12px;
  font-size: 26px;
}
.--win-button--small {
  padding: 2px 8px;
  font-size: 14px;
}
// 文字按钮
.text {
  border: none;
  background-color: transparent;
  padding: 0;
}
.text:hover {
  border: none;
  background-color: transparent;
  position: relative;
}
.text.disabled::before {
  display: none;
}

.text:hover::before {
  display: none;
}
.text.disabled.default {
  color: #8f8f8f;
}
.text.disabled.primary {
  color: #65efff;
}
.text.disabled.success {
  color: #70edce;
}
.text.disabled.danger {
  color: #fbae74;
}
.text.disabled.warning {
  color: #ff9595;
}
.text.--win-button {
  color: #494f6c;
}
.text.--win-button--primary {
  color: #00e5ff;
}
.text.--win-button--success {
  color: #1de9b6;
}
.text.--win-button--danger {
  color: #ff6f00;
}
.text.--win-button-warning {
  color: #ff5252;
}
.text.--win-button:hover {
  color: $theme-color;
}
.text.--win-button--primary:hover {
  color: #18ffff;
}
.text.--win-button--success:hover {
  color: #64ffda;
}
.text.--win-button--danger:hover {
  color: #ff8f00;
}
.text.--win-button--warning:hover {
  color: #ff8a80;
}
